<!--
//                          _ooOoo_
//                         o8888888o
//                         88" . "88
//                         (| ^_^ |)
//                         O\  =  /O
//                      ____/`---'\____
//                    .'  \\|     |//  `.
//                   /  \\|||  :  |||//  \
//                  /  _||||| -:- |||||-  \
//                  |   | \\\  -  /// |   |
//                  | \_|  ''\---/''  |   |
//                  \  .-\__  `-`  ___/-. /
//                ___`. .'  /--.--\  `. . ___
//              ."" '<  `.___\_<|>_/___.'  >'"".
//            | | :  `- \`.;`\ _ /`;.`/ - ` : | |
//            \  \ `-.   \_ __\ /__ _/   .-` /  /
//      ========`-.____`-.___\_____/___.-`____.-'========
//                           `=---='//
//
//            拦截插件累计拦截逗比攻击"3838438"次！
//        .............................................
//                  佛祖保佑         永无BUG
//
//                     江城子 . 程序员之歌
//
//               十年生死两茫茫，写程序，到天亮。
//                     千行代码，Bug何处藏。
//               纵使上线又怎样，朝令改，夕断肠。
//
//               领导每天新想法，天天改，日日忙。
//                    相顾无言，惟有泪千行。
//               每晚灯火阑珊处，夜难寐，加班狂。
//
-->
<!doctype html>
<html lang="zh-CN">
<head>

<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{$site_info.site_seo_title}</title>
<meta name="keywords" content="{$site_info.site_seo_keywords}">
<meta name="description" content="{$site_info.site_seo_description}">
<link rel="stylesheet" type="text/css" href="__MZBLOG__/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="__MZBLOG__/css/nprogress.css">
<link rel="stylesheet" type="text/css" href="__MZBLOG__/css/style.css">
<link rel="stylesheet" type="text/css" href="__MZBLOG__/css/font-awesome.min.css">
<link rel="apple-touch-icon-precomposed" href="__MZBLOG__/logo.png">
<link rel="shortcut icon" href="__MZBLOG__/logo.ico">
<script src="__MZBLOG__/js/jquery-2.1.4.min.js"></script>
<script src="__MZBLOG__/js/nprogress.js"></script>
<script src="__MZBLOG__/js/jquery.lazyload.min.js"></script>
<!--[if gte IE 9]>
    <script src="__MZBLOG__/js/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="__MZBLOG__/js/html5shiv.min.js" type="text/javascript"></script>
    <script src="__MZBLOG__/js/respond.min.js" type="text/javascript"></script>
    <script src="__MZBLOG__/js/selectivizr-min.js" type="text/javascript"></script>
<![endif]-->
<!--[if lt IE 9]>
    <script>window.location.href='/index/mz_upgrade_browser.html';</script>
<![endif]-->

</head>

<body class="user-select">

{include file="mz_blog/header" /}

<section class="container">
  <div class="content-wrap">
    <div class="content">
      <div class="jumbotron">
        <h1>欢迎访问{$site_info.site_name}</h1>
        <p>在这里可以看到前端技术，后端程序，网站内容管理系统等文章，还有我的程序人生！</p>
      </div>
      {//*************** 首页轮播图，循环输出bg_01~bg_13 ***************}
      <div id="focusslide" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#focusslide" data-slide-to="0" class="active"></li>
          {for start="1" end="12"}
          <li data-target="#focusslide" data-slide-to="{$i}"></li>
          {/for}
        </ol>
        <div class="carousel-inner" role="listbox">
          {for start="1" end="13"}
          <div class="item {if $i==1}active{/if}">
            <a href="#"><img src="__MZBLOG__/pictures/bg_{if $i<10}0{$i}{else /}{$i}{/if}.png" alt="" class="img-responsive"></a> 
            <div class="carousel-caption"></div>
          </div>
          {/for}
        </div>
        <a class="left carousel-control" href="#focusslide" role="button" data-slide="prev" rel="nofollow">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">上一个</span>
        </a>
        <a class="right carousel-control" href="#focusslide" role="button" data-slide="next" rel="nofollow">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">下一个</span>
        </a>
      </div>
      {//***************推荐文章***************}
      {foreach name="recacl" item="vol" key="k" }
      <article class="excerpt-minic excerpt-minic-index">
        <h2><span class="red">【推荐】</span><a href="/{$vol.akey}" target="_blank" title="{$vol.title}">{$vol.title}</a></h2>
        <p class="note">{$vol.summary}</p>
      </article>
      {/foreach}

      {// ****************************** 文章列表 ****************************** }
      <div class="title">
        <h3>最新发布</h3>
        <!-- <div class="more"><a href="">PHP</a><a href="">JavaScript</a><a href="">EmpireCMS</a><a href="">Apache</a><a href="">MySQL</a></div> -->
      </div>
      {foreach name="articleList.list" item="vol" key="k" }
      <article class="excerpt excerpt-{$k}">
        <a class="focus" href="/{$vol.akey}" target="_blank" title="{$vol.title}" style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
          <img class="thumb" data-original="{$vol.cover}"
          src="{$vol.cover}" alt="{$vol.title}">
        </a>
        <header>
          <a class="cat" href="program">
            {present name="$websiteCategory.name[$vol.website_category]"} {$websiteCategory.name[$vol.website_category]} {/present}
            <i></i>
          </a>
          <h2><a href="/{$vol.akey}" target="_blank" title="{$vol.title}">{$vol.title}</a></h2>
          {if $vol.status === 1}<span class="label label-default">私密</span>{/if}
          {if $vol.status === 3}<span class="label label-warning">审核</span>{/if}
          {if $vol.status === 4}<span class="label label-danger">驳回</span>{/if}
        </header>
        <p class="meta">
          <time class="time"><i class="glyphicon glyphicon-time"></i> {$vol.publish_time|date='Y-m-d H:i'}</time>
          <a class="comment" href="/{$vol.akey}.html#user" target="_blank"><i class="glyphicon glyphicon-user"></i> {$vol.operator}</a>
          <span class="views"><i class="glyphicon glyphicon-eye-open"></i> 共{$vol.pageviews|floor}人围观</span>
          <a class="comment" href="/{$vol.akey}.html#comment" target="_blank"><i class="glyphicon glyphicon-comment"></i> {$vol.comments|floor}个不明物体</a>
        </p>
        <p class="note">{$vol.summary}</p>
      </article>
      {/foreach}
      {notempty name="page"}
      <nav class="pagination" style="display: none;">
        <ul>
          <li class="next-page"><a href="?page={$page}">下一页</a></li>
        </ul>
      </nav>
      {/notempty}
      {// ****************************** 文章列表 ****************************** }
    </div>
  </div>

  <aside class="sidebar">
    <div class="fixed">
      {//******************公告四栏目******************}
      <div class="widget widget-tabs">
        <ul class="nav nav-tabs" role="tablist">
          <li role="presentation" class="active"><a href="#notice" aria-controls="notice" role="tab" data-toggle="tab">网站公告</a></li>
          <li role="presentation"><a href="#centre" aria-controls="centre" role="tab" data-toggle="tab">会员中心</a></li>
          <li role="presentation"><a href="#contact" aria-controls="contact" role="tab" data-toggle="tab">联系站长</a></li>
          <li role="presentation"><a href="#tongji" aria-controls="tongji" role="tab" data-toggle="tab">统计信息</a></li>
        </ul>
        <div class="tab-content">
          <div role="tabpanel" class="tab-pane notice active" id="notice">
            <ul>
              <li>
                <time datetime="2020-03-16">03-16</time>
                <a href="#">欢迎访问梦幻空间站博客</a>
              </li>
              <li>
                <time datetime="2020-01-06">01-06</time>
                <a href="#">在这里可以看到前端技术，后端程序，网站内容管理系统等文章，还有我的程序人生！</a>
              </li>
            </ul>
          </div>
          <div role="tabpanel" class="tab-pane centre" id="centre">
            {empty name="$user"}
            <h4>需要登录才能进入会员中心</h4>
            <p><a href="/login/login" class="btn btn-primary">立即登录</a> <a href="/login/register" class="btn btn-default">现在注册</a></p>
            {else /}
              {$user.nick}<br />
              {$user.autograph}
            {/empty}
          </div>
          <div role="tabpanel" class="tab-pane contact" id="contact">
            <h2>Email : <a href="mailto:choasmida@foxmail.com" data-toggle="tooltip" data-placement="bottom" title="choasmida@foxmail.com">choasmida@foxmail.com</a></h2>
          </div>
          <div role="tabpanel" class="tab-pane contact" id="tongji">
            {if 1>2}
            <h2>日志总数:888篇</h2>
            <h2>网站运行:<span id="sitetime">88天 </span></h2>
            {/if}
          </div>
        </div>
      </div>
      {//******************公告四栏目******************}
      {//********************搜索框********************}
      <div class="widget widget_search">
        <form class="navbar-form" action="/search" method="get">
          <div class="input-group">
            <input type="text" name="keys" class="form-control" size="35" placeholder="请输入关键字" maxlength="15" autocomplete="off">
            <span class="input-group-btn">
            <button class="btn btn-default btn-search" type="submit">搜索</button>
            </span> </div>
        </form>
      </div>
      {//********************搜索框********************}
    </div>

    <!-- ******************************每日一句****************************** -->
    <div class="widget widget_sentence">
      <h3>每日一句</h3>
      <div class="widget-sentence-content" style="min-height:100px;">
        <h4>{$erysts.dt}</h4>
        <p>{$erysts.co|raw}</p>
      </div>
    </div>
    <!-- ******************************每日一句****************************** -->

    <!-- ******************************热门文章****************************** -->
    <div class="widget widget_hot">
      <h3>热门文章</h3>
      <ul>
        {foreach name="hotacl" item="vol" key="k" }
        <li>
          <a href="/{$vol.akey}" target="_blank">
            <span class="thumbnail"><img class="thumb" data-original="{$vol.cover_img1|default='__MZBLOG__/images/excerpt.jpg'}"
              src="{$vol.cover_img1|default='__MZBLOG__/images/excerpt.jpg'}" alt="{$vol.title}"></span>
            <span class="text">{$vol.title}</span>
            <span class="muted"><i class="glyphicon glyphicon-time"></i> {$vol.update_time|date='Y-m-d'}</span>
            <span class="muted"><i class="glyphicon glyphicon-eye-open"></i> {$vol.pageviews|floor}</span>
          </a>
        </li>
        {/foreach}        
      </ul>
    </div>
    <!-- ******************************热门文章****************************** -->

    <!-- ******************************广告图片****************************** -->
    <div class="widget widget_sentence" style="background-color:transparent;">
      <a href="#" rel="nofollow" title="梦幻空间站">
        <img style="width:100%;" src="https://tool.lu/netcard/" alt="梦幻空间站" >
      </a>
    </div>
    <!-- ******************************广告图片****************************** -->

    <!-- ******************************友情链接****************************** -->
    <div class="widget widget_sentence">
      <h3>友情链接</h3>
      <div class="widget-sentence-link">
        {foreach name="friendship" item="vol" key="k"}
          <a href="{$vol.url}" title="{$vol.name}" target="_blank" >{$vol.name}</a>&nbsp;&nbsp;&nbsp;&nbsp;
          {if ++$k%3==0}<br />{/if}
        {/foreach}
      </div>
    </div>
    <!-- ******************************友情链接****************************** -->

  </aside>
</section>

{include file="mz_blog/footer" /}

</body>
</html>

<script src="__MAINASSETS__/mz_blog/js/bootstrap.min.js"></script> 
<script src="__MAINASSETS__/mz_blog/js/jquery.ias.js"></script> 
<script src="__MAINASSETS__/mz_blog/js/scripts.js"></script>

{notempty name="isProhibit"}
    {include file="mz_blog/component_prohibit_copy" /}
{/notempty}

{include file="mz_blog/component_message" /}

{include file="mz_blog/component_addlink" /}

<!--登录注册模态框-->
<div class="modal fade user-select" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="loginModalLabel">游客注册登录</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <label for="loginModalUserNmae">请输入昵称</label>
          <input type="text" class="form-control" id="user_nick" placeholder="请输入昵称" autofocus maxlength="15" autocomplete="off" required>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" onclick="tourist_login()">登录</button>
      </div>
    </div>
  </div>
</div>
